html,body,ul,ol,li,div,a,i,b,u {
    box-sizing: border-box;
    list-style-type: none;
    border: none;
    padding: 0;
    margin: 0;
    font-size: 1em;
    font-family: Arial, 'Microsoft YaHei';
    font-weight: lighter !important;
    color: #4E340C;
    outline: none;
    font-style: normal;
    text-decoration: none;
}

html {
    
    cursor: default;
}

body {
    max-width: 30rem;
    margin: 0 auto;
}


.warp {
 width: 80%;
 text-align: center;
 margin: 0 auto;
}

.warp h2 {
 font-size: 2rem;
 user-select: none;
}

.warp .more {
    text-align: left;
}

.warp .more a {
 text-decoration: underline;
}

.row em.iconfont {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    font-size: 2rem;
    vertical-align: top;
    line-height: 3rem;
}

input {
 width: calc(100% - 4rem);
 height: 3rem;
 line-height: 3rem;
 font-size: 1.5rem;
 border-radius: 0.5rem;
 border: 1px solid whitesmoke;
 margin-bottom: 1rem;
 display: inline-block;
 vertical-align: top;
 text-indent: 0.5rem;
}

button {
    width: 100%;
    font-size: 1.5rem;
    height: 4rem;
    line-height: 4rem;
    background-color: whitesmoke;
    border: 1px solid whitesmoke;
    padding: 0;
    margin: 0;
    margin-top: 2rem;
    cursor: pointer;
    user-select: none;
